{% load staticfiles %}

<!DOCTYPE html>
<html>

<head>
    <title>{% block title %}{% endblock %}</title>
    <link href="{% static "css/index.css" %}" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

    <script src="{% static "js/jquery-2.2.0.min.js" %}"></script>
    <script src="{% static "js/bootstrap.min.js" %}"></script>
</head>

<body>
    <!-- header navbar -->
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="{% url 'convert:home' %}">PGif</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li {% if section == "index" %}class="active"{% endif %} >
                        <a href="#">
                            Home
                            <span class="sr-only">(current)</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    
    <!-- main content  -->
    <div class="container-fluid wrapper">
        {% block content %}{% endblock %}
    </div>

    <!-- page footer -->
    <footer class="clearfix">
        <div class="col-md-4 col-xs-12 text-center">
            <span>© Zhe Xiao 2015 - {{ current_year }}</span>
        </div>

         <div class="col-md-4 col-xs-12 text-center footer-mid">
            <span>Office Location: 125 Prospect Street, Stamford, CT, USA</span>
            <span>Phone: 203-919-2580</span>
         </div>
         
         <div class="col-md-4 col-xs-12 text-center">
            <a href="http://www.facebook.com/zhexiao27" target="_blank">
                <i class="fa fa-facebook"></i>
            </a>
            <a href="http://twitter.com/zhexiao27" target="_blank">
                <i class="fa fa-twitter"></i>
            </a>
            <a href="http://instagram.com/zhexiao27" target="_blank">
                <i class="fa fa-instagram"></i>
            </a>
            <a href="https://plus.google.com/u/0/103961084361963106141/posts" target="_blank">
                <i class="fa fa-google-plus"></i>
            </a>
         </div>
    </footer>
</body>

</html>
